<route lang="jsonc" type="page">
    {
      "style": {
			"navigationStyle": "custom",
			"navigationBarTitleText": "积分明细"
		}
    }
</route>
<template>
	<view class="integral-page" :style="{ marginTop: `${safeAreaInsets?.top}px` }">
		<header-navbar title="积分明细" />
		
		<information />
		
		<buttons />
		
		<score-list />
	</view>
</template>

<script lang="ts" setup>
	import HeaderNavbar from '@/pages/components/header-navbar.vue';
	import { useSafeAreaInsets } from '@/mixins/basic'
	import { ref } from 'vue';
	import { onShow } from '@dcloudio/uni-app';
	import { useUserStore } from '@/store/user'
	import Information from './information';
	import Buttons from './buttons';
	import ScoreList from './list'

	defineOptions({
		name: 'IntegralDetails',
	})
	const userStore = useUserStore()
	const { safeAreaInsets } = useSafeAreaInsets()
</script>

<style lang="scss" scoped>
	.integral-page {
		padding: 78px 25px 24px 25px;
	}
</style>